<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery的属性操作</title>
    <script src="../jquery.min.js"></script>
</head>
<body>
  <a href="https://www.baidu.com" title="去百度">去百度</a>
  <div index="1" data-index="1"></div>
  <span></span>
  <script>
    $(function () {
      //prop()操作元素的自带的属性
      //获取元素的属性
      console.log($('a').prop('href'));
      //设置元素属性
      $('a').prop('href','https://www.jd.com');
      console.log($('a').prop('href'));
      //attr() 操作元素的自定义元素
      //获取自定义元素
      console.log($('div').attr('index'));
      $('div').attr('index','2');//修改自定义元素
      console.log($('div').attr('index'));
      //data 将数据缓存元素的内存中
      $('span').data('index','2');
      console.log($('span').data('index'));//获取数据
      //获取html5自定义数据
      console.log($('div').data('index'));//直接获取 不用加前面的data-
    })
  </script>
</body>
</html>